
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Enterprise Cockpit</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">


    <!-- Le styles -->
    <link href="<%=path %>/js/bootstrap/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
        font-size: 12px;
		font-family: "Helvetica Neue",Helvetica,STheiti,微软雅黑,宋体,Arial,Tahoma,sans-serif,serif;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
		<!-- Le styles -->
		<link href="<%=path%>/js/bootstrap/css/bootstrap.css" rel="stylesheet">
		<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
      .sidebar-menu{
			border-right: 1px solid #c4c8cb;
		}
		/*一级菜单*/
		.menu-first{
			height:45px;
			line-height:45px;
			background-color: #e9e9e9;
			border-top: 1px solid #efefef;
			border-bottom: 1px solid #e1e1e1;
			padding: 0;
			font-size: 14px;
			font-weight: normal;
			text-align: center;
		}
		/*一级菜单鼠标划过状态*/
		.menu-first:hover{
			text-decoration: none;
			background-color: #d6d4d5;
			border-top: 1px solid #b7b7b7;
			border-bottom: 1px solid #acacac;
		}
		/*二级菜单*/
		.menu-second li a{
			background-color: #f6f6f6;
			height:31px;
			line-height:31px;
			border-top: 1px solid #efefef;
			border-bottom: 1px solid #efefef;
			font-size: 12px;
			text-align:center;
		}
		/*二级菜单鼠标划过样式*/
		.menu-second li a:hover {
			text-decoration: none;
			background-color: #66c3ec;
			border-top: 1px solid #83ceed;
			border-bottom: 1px solid #83ceed;
			border-right: 3px solid #f8881c;
			border-left: 3px solid #66c3ec;
		}
		/*二级菜单选中状态*/
		.menu-second-selected {
			background-color: #66c3ec;
			height:31px;
			line-height:31px;
			border-top: 1px solid #83ceed;
			border-bottom: 1px solid #83ceed;
			border-right: 3px solid #f8881c;
			border-left: 3px solid #66c3ec;
			text-align:center;
		}
		/*覆盖bootstrap的样式*/
		.nav-list,.nav-list li a{
			padding: 0px;
			margin: 0px;
		}
		
		.mleft{
			margin-left:10px !important;
		}
		.sidebar-nav {
	padding: 9px 0;
}


@media ( max-width : 980px) { /* Enable use of floated navbar text */
	.navbar-text.pull-right {
		float: none;
		padding-left: 5px;
		padding-right: 5px;
	}
}
    </style>
    <link href="<%=path %>/js/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

		<link href="<%=path%>/js/bootstrap/css/bootstrap-responsive.css"
			rel="stylesheet">
		<style type="text/css">
body {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
}

.form-signin {
	max-width: 650px;
	height: 500px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-image: url('images/login_backgroud.png');
	background-repeat: no-repeat; 
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	margin-right: auto;
	margin-left: auto;
}
</style>
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

		<!-- Fav and touch icons -->
	</head>

	<body>

		<div class="container">
			<form class="form-signin">
				<div style="margin-top: 160px;margin-left: 100px">
					<div class="input-prepend">
						<span class="add-on">@</span>
						<input class="input-xlarge" id="prependedInput" type="text"
							placeholder="用户名">
					</div>
				</div>
				<div style="margin-left: 100px;margin-top: 30px">
					<div class="input-prepend">
						<span class="add-on">@</span>
						<input class="input-xlarge" id="prependedInput" type="text"
							placeholder="密码">
					</div>
				</div>
				<div style="margin-top: 20px;margin-left: 100px">
					<button class="btn btn-inverse" type="submit">
						登 录
					</button>
				</div>
			</form>
		</div>

      <div>
				<div class="span2 mleft">
					<!--Sidebar content-->
					<div class="sidebar-menu">
						<a href="#baseMeun" class="nav-header menu-first collapsed" data-toggle="collapse"><i class="icon-list-alt icon-large"></i>基础信息管理</a>
						<ul id="baseMeun" class="nav nav-list collapse menu-second">
							<li><a href="#"><i class="icon-globe"></i> 终端管理</a></li>
							<li><a href="#"><i class="icon-user"></i> 人员管理</a></li>	
						</ul>
						<a href="#taskMenu" class="nav-header menu-first collapsed" data-toggle="collapse"><i class="icon-calendar icon-large"></i> 签到任务管理</a>
						<ul id="taskMenu" class="nav nav-list collapse menu-second">
							<li><a href="#"><i class="icon-pencil"></i> 新建任务</a></li>
							<li><a href="#"><i class="icon-edit"></i> 编辑任务</a></li>
						</ul>
						<a href="#excuteMenu" class="nav-header menu-first collapsed" data-toggle="collapse"><i class="icon-th-large icon-large"></i> 签到执行管理</a>
						<ul id="excuteMenu" class="nav nav-list collapse menu-second">
							<li><a href="#"><i class="icon-list-alt"></i> 任务查看</a></li>
							<li><a href="#"><i class="icon-picture"></i> 照片查看</a></li>
							<li><a href="#"><i class="icon-file"></i> 数据查看</a></li>
						</ul>
						<a href="#sysMenu" class="nav-header menu-first collapsed" data-toggle="collapse"><i class="icon-black icon-cog icon-large"></i> 系统设置</a>
					</div>
		</div>
      </div><!--/row-->

		<!-- Placed at the end of the document so the pages load faster -->
		<script src="<%=path%>/js/jquery.1.7.2.js"></script>
		<script src="<%=path%>/js/bootstrap/js/bootstrap.js"></script>
	</body>
</html>
